<template>
  <!-- <h2>这是一个最大的组件</h2> -->
  <div>
    <container></container>
    <container2></container2>
    <container3></container3>
  </div>
</template>
<style scoped>
  /* 模块化样式 scoped */
  h2 {
    color: hotpink;
  }
</style>
<script>
  // 每个单文件组件都有独立的样式 结构 和行为

  //引入组件,注册成为自己的子组件

  //步骤:

  //1.引入需要注册的子组件

  //2.将组件名写在当前组件的选项中

  //3.展示组件

  import Container from "./组件传值-父传子/Container"

  import Container2 from "./组件传值-子传父/Container.vue"

  import Container3 from "./组件传值-bus总线/Container.vue"


  // console.log(Container);

  export default {
    data() { return {} },
    components: {//注册成为子组件
      Container,
      Container2,
      Container3
    }
  }
</script>